<template>
    <div>
      <a-breadcrumb>
        <a-breadcrumb-item> <a href="/home">首页</a></a-breadcrumb-item>
        <a-breadcrumb-item><a href="">值班登记信息</a></a-breadcrumb-item>
      </a-breadcrumb>
      <a-card title="查询条件" style="width: 100%;">
        <a-form
          ref="formRef"
          name="horizontal_login"
          layout="inline"
          autocomplete="off"
        >
          <a-form-item label="时间" name="name">
            <a-range-picker v-model:value="name" :locale="locale"/>
          </a-form-item>
          <a-form-item>
            <a-button  type="primary" html-type="submit">查询</a-button>
            <a-button style="margin-left: 10px">重置</a-button>
          </a-form-item>
        </a-form>
        <div style="margin-top:12px;">
          <a-button type="primary" size="small">
            登记
          </a-button> &nbsp;&nbsp;
          <a-button size="small">
            修改
          </a-button>&nbsp;
        </div>
        <a-table :dataSource="dataSource" :columns="columns" />
      </a-card>
    </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import locale from 'ant-design-vue/es/date-picker/locale/zh_CN'

export default defineComponent({
  name: 'word-template',
  setup () {
    return {
      locale,
      dataSource: [
        {
          key: '1',
          workLeader: '赵爱国',
          workLeaderPhone: '18211467645',
          dutyLeader: '郑国耀',
          dutyLeaderPhone: '17211467645',
          createUser: '赵爱国',
          createTime: '2022-02-11 08:30',
          remark: '***'
        },
        {
          key: '2',
          workLeader: '赵爱国',
          workLeaderPhone: '18211467645',
          dutyLeader: '王国伟',
          dutyLeaderPhone: '13211467645',
          createUser: '赵爱国',
          createTime: '2022-01-11 08:32',
          remark: '***'
        },
        {
          key: '3',
          workLeader: '赵爱国',
          workLeaderPhone: '18211467645',
          dutyLeader: '孙国华',
          dutyLeaderPhone: '15211467645',
          createUser: '赵爱国',
          createTime: '2022-01-08 08:20',
          remark: '***'
        }
      ],

      columns: [
        {
          title: '工作负责人',
          dataIndex: 'workLeader',
          key: 'workLeader'
        },
        {
          title: '工作负责人电话',
          dataIndex: 'workLeaderPhone',
          key: 'workLeaderPhone'
        },
        {
          title: '值班负责人',
          dataIndex: 'dutyLeader',
          key: 'dutyLeader'
        },
        {
          title: '值班负责人电话',
          dataIndex: 'dutyLeaderPhone',
          key: 'dutyLeaderPhone'
        },
        {
          title: '创建时间',
          dataIndex: 'createTime',
          key: 'createTime'
        }
      ]
    }
  }
})
</script>

<style scoped>

</style>
